body       { background:#FFDA62; margin:30px 0px 0px 340px; color:#362720; }
p          { line-height: 1.4; }

#container { width:566px; height:100%; padding:10px; background-color:#fff;
             border: 1px solid #E5E5E5; }

#header h1 { font-size:50px; margin:0; letter-spacing:-1px;
             font-family: Georgia, serif;
             color:#362720; text-decoration:none;
             text-shadow:#000 2px 2px 2px;
           }
h1         { color: #666; margin: 0px 0px 10px 0px; font-weight: normal;
             font-size: 40px; letter-spacing: -1px; }

h1 a       { color:#666; text-decoration: none; }

.maintitle { margin: 30px 0px 10px 0px; color:#990000; font-size: 18px;
        	text-align: left; letter-spacing: -1px;
            text-transform: uppercase; border-bottom: solid 1px #ccc; }

a          { text-decoration: none; color: #B40B43; }
h1 a:hover { text-decoration: none; }
a:hover { text-decoration: underline; }

.footer             { text-align: right; width:566px; padding: 10px; }

/*
 * Copied and modified from the flask-feedback
 * See https://github.com/mitsuhiko/flask-feedback
 */

/* feedback box */
.feedback                       { font-size: 17px; border: 1px solid #fdc20e;
                                  padding: 0 20px; background: #f3d476;
                                  font-family: 'Georgia', serif; font-size: 17px;
                                }
.feedback .happy,
.feedback .unhappy              { padding: 2px 5px; border: 1px solid transparent;
                                  background: #efe8d4; }
.feedback .active-kind .happy   { border: 1px solid #1D7324;
                                  background: #CBE2CA; color: #1D7324; }
.feedback .active-kind .unhappy { border: 1px solid #741D1D;
                                  background: #E3CACA; color: #741D1D; }
.feedback input,
.feedback textarea              { font-family: 'Georgia', serif; font-size: 24px;
                                  border: 1px solid #A2BEC7; padding: 2px 5px; }
.feedback .text textarea        { width: 487px; }
.feedback p                     { margin: 0; padding: 10px 0 0 0; }
.feedback ul                    { margin: 15px 0; padding: 0; list-style: none; }
.feedback li                    { margin: 0; padding: 0; }
.feedback p.version input       { width: 75px; text-align: center; font-size: 17px;
                                  margin-left: 7px; }
.feedback .submit               { float: right; background: #f2d476; border-style: outset;
                                  cursor: pointer; width: auto!important; }
.feedback .submit:active        { background: white; border-style: inset; }
.feedback .chars-left           { display: block; float: right; margin-top: -32px;
                                  font-weight: bold; font-size: 15px; }
.feedback .chars-over-limit     { color: #A52020; }
.feedback .error                { font-size: 15px; color: #A52020; font-weight: bold; }

/* feedback list */
.feedback-list                  { list-style: none; margin: 30px 30px; padding: 0;
                                  font-family: 'Georgia', serif; font-size: 17px;
                                  color: #000;}
.feedback-list li               { margin: 15px 0; padding: 0; }
.feedback-list p                { margin: 0; }
.feedback-list p.text           { font-style: italic; }
.feedback-list p.meta           { font-size: 15px; color: #666; margin-left: 20px; }

/* single message */
.message            { margin: 30px 0; font-family: 'Georgia', serif;
                      font-size: 17px; color: #000; }
.message h2         { font-style: italic; font-size: 46px; text-align: center; }
.message .meta      { color: #666; margin-top: 30px; text-align: right; }
.message p.kind     { margin: 15px 0 30px 0; font-size: 20px; }

/* feedback list */
.feedback-list                  { list-style: none; margin: 30px 30px; padding: 0; }
.feedback-list li               { margin: 15px 0; padding: 0; }
.feedback-list p                { margin: 0; }
.feedback-list p.text           { font-style: italic; }
.feedback-list p.meta           { font-size: 15px; color: #666; margin-left: 20px; }

/* navigation */
.nav                { height: 42px; margin: 15px 0 0 0; padding: 0; font-size: 15px;
                      list-style: none; }
.nav li:before      { display: none; }
.nav li             { float: left; padding: 0; background: #FFA82E;
                      margin: 0 8px 0 0; }
.nav li a           { padding: 4px 8px; display: block; text-decoration: none; }
.nav li a:hover     { color: white; background: #CC6600; }
.nav .active a      { border-bottom: 3px solid #FF0000; }
.pagination         { margin: 15px 0; text-align: center; }


